<!-- 话题详情页 顶部模块 -->
<template>
	<view>
		<!-- 顶部 图片模糊部分 -->
		<view class="position-relative">
			<image
				:src="topInfoList.coverImg"
				mode="aspectFill"
				style="height: 300rpx;"
				class="w-100 filter"
			></image>
		</view>
		<!-- 个人 详细信息 -->
		<view class="position-relative bg-white px-2 pb-2" style="z-index:10;">
			<view class="flex">
				<image
					:src="topInfoList.coverImg"
					style="height: 150rpx;width: 150rpx; margin-top: -75rpx;"
					class="rounded mr-2"
				/>
				<text class="font-md">#{{topInfoList.title}}#</text>
			</view>
			<view class="flex align-center font text-secondary mt-1">
				<text class="mr-2">动态：{{topInfoList.news_count}}</text>
				<text>今日：{{topInfoList.today_count}}</text>
			</view>
			<view class="text-secondary font-md">{{topInfoList.desc}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['topInfoList']
	}
</script>

<style>
</style>